$(function(){
// 1. 定义 文章列表的 查询参数对象
let q={
    pagenum:1,//页码
    pagesize:2,//页容量
    cate_id:'',//分类id
    state:'',//发布状态
}

// 加载文章分类 列表项目
getList()
function getList(){
    $.ajax({
        method:'get',
        url:'/my/article/list',
        data:q,
        success(res){
            // console.log(res);
            if(res.status!==0){
                return layui.layer.msg(res.message)
            }
            // 如果获取成功
            let strHtml=template('table_list',res)
            $('tbody').html(strHtml)
        }

    })
}
// 3. 定义日期过滤函数
template.defaults.imports.dateFormat=function(dateStr){
    // 对传入的 日期 做格式化
    return moment(dateStr).format('YYYY-MM-DD hh:mm:ss')
}

// 获取文章类别 分类
loadCateList()
function loadCateList(){
    $.ajax({
        method:'get',
        url:'/my/article/cates',
        success(res){
            // 如果失败 
            if(res.status!==0){
                return layui.layer.msg(res.message)
            }
            // 如果成功 利用模板引擎 渲染下拉菜单列表
            let strHtml=template('art-list',res.data)
            $('select[name=cate_id]').html(strHtml)
            // 利用layui 重新用div渲染出美化后的 layui的下拉菜单
            layui.form.render()
        }
    })
}

// 筛选按钮 提交事件
$('#form-search').on('submit',function(e){
    e.preventDefault()

    // 将两个 下拉框的 值 设置给 查询参数对象
    q.cate_id=$('select[name=cate_id]').val()
    q.state=$('select[name=state]').val()
    getList()
})

})